h1 {
  text-align: center;
}


<!-- c'est pour l'image de background -->
body
{
  margin:0;
  padding:0;
  background:url('Images/BlueFlowerbackground.jpg') no-repeat center center fixed; 
  background-size: cover;
}

html{
	background: #2A2A2A; font: 1.1em sans-serif; 
	}
	
ul{
	 display: table;
	 width: 500px; 
	 margin: 10px auto; 
	 padding: 0;
	 background: linear-gradient(deepskyblue, dodgerblue);
	 background: -webkit-linear-gradient(deepskyblue, dodgerblue);
	 background: -moz-linear-gradient(deepskyblue, dodgerblue); 
	 background: -ms-linear-gradient(deepskyblue, dodgerblue); 
	 background: -o-linear-gradient(deepskyblue, dodgerblue); 
	 background: linear-gradient(deepskyblue, dodgerblue);
	 background: dodgerblue;
	 border-radius: 3px; 
	 box-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 3px 5px rgba(0, 0, 0, .2), 0 5px 10px rgba(0, 0, 0, .2), 0 20px 20px rgba(0, 0, 0, .15);
	 } 

ul li{
	display: table-cell;
	 }	

ul li a{ 
	display: block; 
	text-align: center; 
	color: rgba(0, 0, 0, .7); 
	text-decoration: none; 
	padding: 8px 8px 17px 8px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 hsl(210, 100%, 32%) inset, 0 -2px 0 hsl(210, 100%, 38%) inset, 0 -3px 0 hsl(210, 100%, 44%) inset, 0 -4px 0 hsl(210, 100%, 50%) inset, 0 -5px 0 hsl(210, 100%, 60%) inset;
	transition: all .3s .1s;
	position: relative;
	 }	 
	 
ul li:first-child a{
	border-radius: 3px 0 0 3px;
} 

ul li:last-child a{ 
	border-radius: 0 3px 3px 0;
	 }	 
	 
ul li a:hover,
ul li a:focus{
	background: rgba(255,255,255,.2); 
	box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 -1px 0 hsl(210, 100%, 42%) inset, 0 -2px 0 hsl(210, 100%, 48%) inset, 0 -3px 0 hsl(210, 100%, 54%) inset, 0 -4px 0 hsl(210, 100%, 60%) inset, 0 -5px 0 hsl(210, 100%, 70%) inset;
	padding: 8px 25px 17px 25px;
	transition: all .3s 0s;
	 } 	 
	 
ul li a:active{ 
	background: linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.1)); 
	box-shadow: 0 0 2px rgba(0,0,0,.3) inset;
	 }	

ul li a::before{
	content: ''; 
	position: absolute; 
	left: 50%; 
	bottom: 9px; 
	margin-left: -2px; 
	width: 4px; 
	height: 4px; 
	border-radius: 50%; 
	background: rgba(0, 0, 0, .5); 
	}	
	
	ul li a:hover::before, 
	ul li a:focus::before{
	 background: white; 
	 box-shadow: 0 0 2px white, 0 -1px 0 rgba(0, 0, 0, .4); 
	 }  
	 
	 
	 
	 form {
background-color:#e5eeff;
padding:10px;
width:500px;
}
fieldset {
border: 1px solid #DCD069 ;
padding:5px;
margin:5px;
}
legend {
font-weight:bold;
color:#FF0096;
}
label {
padding :5px;
display:block;
}
label.en-ligne {
display:inline;
}
label.question{
color:#85AC1C;
font-weight:bold;
}
input { 
border:1px solid #000;
background:#FFF;
}
input:focus { 
background : #FFFDEA; 
}
input[type=radio] {
margin-right:20px;
}
input.decole-curseur {
padding-left:20px;
}
input[type=submit], input[type=reset] {
border:1px solid #CC3B1F;
font-weight:bold;
cursor:pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
background-color:#CC3B1F;
}
input[type=submit]:active, input[type=reset]:active {
background-color:#000;
color:white;
} 
textarea {
background : #FFF; 
border : 1px solid #000; 
width : 95%; 
margin : .5em 0; 
padding : 4px;
}
textarea:focus { 
background : #FFFDEA;
}
option,select {
background-color:#85AC1C;
}
option,select:hover{
background-color:#FF0096;
}